<template>
  <div class="app-main-container">
    <el-tabs v-model="activeTab">
      <el-tab-pane :label="$t('message.hylb')" name="0"><MemberList v-if="activeTab === '0'" :meta="meta" /></el-tab-pane>
      <el-tab-pane v-if="meta.indexOf('VipRechargeList') > -1" :label="$t('message.kkczjl')" name="1"><RechargeList v-if="activeTab === '1'" :meta="meta" /></el-tab-pane>
      <el-tab-pane v-if="meta.indexOf('VipTransferHistory') > -1" :label="$t('message.zzjl')" name="2"><VipTransferHistory v-if="activeTab === '2'" :meta="meta" /></el-tab-pane>
      <el-tab-pane v-if="meta.indexOf('MemberWithdrawalRecord') > -1" :label="$t('message.txjl')" name="3"><WithDrawRecord v-if="activeTab === '3'" :meta="meta" /></el-tab-pane>
      <el-tab-pane v-if="meta.indexOf('MemberMoneyRecordAll') > -1" :label="$t('message.yebdjl')" name="4"><ConsumerRecord v-if="activeTab === '4'" :meta="meta" /></el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import MemberList from './tabs/memberList.vue'
import RechargeList from './tabs/vipRechargeList/index.vue'
import VipTransferHistory from './tabs/vipTransferHistory/index.vue'
import WithDrawRecord from './tabs/withDrawRecord/index.vue'
import ConsumerRecord from './tabs/consumerRecord/index.vue'
export default {
  name: 'VipList',
  components: {
    MemberList,
    RechargeList,
    VipTransferHistory,
    WithDrawRecord,
    ConsumerRecord
  },
  data() {
    return {
      activeTab: '0',
      meta: []
    }
  },
  created() {
    this.meta = this.$route.meta.buttons || []
  },
  methods: {
  }
}
</script>

<style lang="scss" scoped>
</style>
